<template>
	<view class="jus-j form-list">
		<view class="field">
			<slot name="title">
				{{title}}
			</slot>
			<text v-if="required" class="">*</text>
		</view>
		<view class="cell-value">
			<slot name="value">
				<text>{{value}}</text>
			</slot>
		</view>
	</view>
</template>

<script>
	export default{
		name: 'UniCell',
		data(){
			return{
				
			}
		},
		props:{
			title:{
				type:String,
				default:''
			},
			value:{},
			required:{
				type:[Boolean,String],
				default:false
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss">
	.form-list {
		height: 96rpx;
		border-bottom: 1rpx solid #EBEEF2;
		font-size: 28rpx;
		font-family: PingFang SC;
		.field {
			color: #4d4d4d;
			font-weight: bold;
			text {
				color: #ff6354;
				margin-left: 10rpx;
			}
		}
		.cell-value {
			text {
				color: #B2B2B2;
				vertical-align:middle;
			}
		}
		
	}
</style>
